<template>
	<view>
	<view class="myreserve" v-for="(item,index) in listData" :key="index">
		<image :src="`http://192.168.2.226:8086/business/common2/download?name=${item.pictureList[0]}`" mode="aspectFill" class="pic"></image>
		<view class="name">
			<text class="name">{{item.sellerName}}</text>
	        <text class="price">{{item.content.slice(0,10)}}.......</text>
		</view>
	
		<button class="reserve" @click="look(index)">查看</button>
		
	</view>
	</view>
</template>

<script>
	export default {
		props :{
			listData:{},
			
		},
		data() {
			return {

		}
		},
		methods: {
			look(index){
				uni.navigateTo({
					url:'/pages/tool/ComplaintInfo?message='+JSON.stringify(this.listData[index])
				})
			}
 
		},
	}
	
</script>

<style>
/* 	.pic{
		height: 90rpx;
		width: 90rpx;
	} */
	.myreserve{
		flex-direction: row;
			display: flex;
			padding: 20px;
			box-shadow: 0 0 8rpx 5rpx rgba(81, 81, 81, 0.5);

	}
	.myreserve .name{
		display: flex;
		/* 竖直排布 */
		flex-direction: column;
		/* 均匀分布 */
		justify-content: space-evenly;
	}
	.myreserve image{
		width: 80px;
		height: 80px;
		margin-right: 20px;
	}
	.name{
		font-size: 13px;
		font-weight: 500;
	}
	.price{
		margin-top: 6px;
		font-size: 15px;
		font-weight: 900;
		color: red;

	}
	.reserve{
	    font-size: 15px;
		width: 20%;
		margin-top: 50px;
		margin-right: 10px;
		background-color: #ffaa00f0;
	}
</style>